<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<link href="../../css/temp/reset.css" rel="stylesheet" rev="stylesheet" media="all">

		<link href="../../css/temp/win-skin.css" rel="stylesheet" rev="stylesheet" media="all">
		<link href="../../css/temp/win-con.css" rel="stylesheet" rev="stylesheet" media="all">
		
		<link href="../../css/disk/app-qiangba-disk.css" rel="stylesheet" type="text/css" />
		<link href="../../css/app-qiangba-update.css" rel="stylesheet" type="text/css" />
		
		<script src="../../js/temp/jquery-1.4.min.js"></script>
		<script src="../../js/temp/jquery.xy-tips-window.2.8.js"></script>
		
		<script src="../../js/temp/spp_core.js"></script>
		<script src="../../js/temp/spp_ui.js"></script>
		
		<script src="../../js/temp/city.js"></script>
		
		<script src="../../js/disk/disk.js"></script>
		<script src="../../js/common/function.js"></script>
	</head>
	<body class="pl10">
		<div style="margin-left: 150px; float: right; width: 1000px;">
			<div id="diskWrapper">
				<!-- start disk -->
				<div class="i-disk">
					<div class="implant-wrapper">
						<div class="user-info">
							<span>亲爱的</span><em>动感狐哥</em><span>你还剩</span><i>1000G币</i>
						</div>
						<div id="disk" class="disk-wrapper disk-250">
							<div class="box-disk box-disk-tp">
								<i class="box-disk-edge tp-left">&nbsp;</i>
								<i class="box-disk-edge tp-right">&nbsp;</i>
							</div>
							<div class="box-disk-cont">
								<div class="table-wrapper">
									<table>
										<tbody>
											<tr>
												<td>
													<img src="../../images/disk/canyu.png">
													<span></span>
												</td>
												<td>
													<img src="../../images/example/d2.png">
													<span>图片2</span>
												</td>
												<td>
													<img src="../../images/disk/canyu1.png">
													<span>感谢参与</span>
												</td>
											</tr>
											<tr>
												<td>
													<img src="../../images/example/d1.png">
													<span>图片4</span>
												</td>
												<td class="disk-btn-center">
													<span class="disk-btn disk-btn-start link hand" id="disk-start">
														<em>10G</em>
														<i>抽奖</i>
													</span>
												</td>
												<td>
													<img src="../../images/example/d1.png">
													<span>图片6</span>
												</td>
											</tr>
											<tr>
												<td>
													<img src="../../images/disk/zailai.png">
													<span></span>
												</td>
												<td>
													<img src="../../images/example/d1.png" >
													<span>图片8</span>
												</td>
												<td>
													<img src="../../images/disk/zailai1.png">
													<span>亲，再来一次</span>
												</td>
											</tr>
										</tbody>
									</table>
								</div>
							</div>
							<div class="box-disk box-disk-bt">
								<i class="box-disk-edge bt-left">&nbsp;</i>
								<i class="box-disk-edge bt-right">&nbsp;</i>
							</div>
						</div>
					</div>
				</div>
				<!-- end disk -->
			</div>
		</div>
		<div style="margin-left: 50px;">
			<p>
				<a href="javascript:void(0)" class="disk-250-link">250版</a>
			</p>
			<p>
				<a href="javascript:void(0)" class="disk-420-link">420版</a>
			</p>
			<p>
				<a href="javascript:void(0)" class="disk-580-link">580版</a>
			</p>
			<p>
				<a href="i-disk-800.html" target="_blank" class="disk-800-link">800版</a>
			</p>
			<p>
				<a href="i-disk-900.html" target="_blank" class="disk-900-link">900版</a>
			</p>
			<p>
				<a href="javascript:void(0)" class="disk-small-link">微嵌入</a>
			</p>
			<p>
				<a href="javascript:void(0)" class="disk-tip-1">虚拟奖品--卡号</a>
			</p>
			<p>
				<a href="javascript:void(0)" class="disk-tip-2">虚拟奖品--卡密</a>
			</p>
		</div>
		
		<div id="personDocWin">
			<div class="mod-win person-doc-win">
				<input type="hidden" id="gameStage" name="gameStage" value="0">
				<input type="hidden" id="constellation" name="constellation" value="0">
				<div class="person-doc-prompt">
					个人档案仅用于活动，领奖身份验证，17173将严格保密！
				</div>
				
				<div class="mod-pdw">
					<div class="hd">
						<h2 class="title">个人信息</h2>
					</div><!--end .hd-->

					<div class="bd">
						<div class="pwd-line clearfix_2">
							<div class="label">
								姓名：
							</div>
							<div class="con">
								<input name="name" type="text" class="input-style01" id="name">
							</div>
						</div>
						<div class="pwd-line clearfix_2">
							<div class="label">
								性别：
							</div>
							<div class="con">
								<input name="sex" type="radio" value="1" id="male">
								<label for="male">男</label>
								<input name="sex" type="radio" value="" id="female">
								<label for="female">女</label>
							</div>
						</div>
						<div class="pwd-line clearfix_2">
							<div class="label">
								生日：
							</div>
							<div class="con">
								<select name="year" class="select-style01" id="year">
									<option value="1942">1942</option><option value="1943">1943</option><option value="1944">1944</option><option value="1945">1945</option><option value="1946">1946</option><option value="1947">1947</option><option value="1948">1948</option><option value="1949">1949</option><option value="1950">1950</option><option value="1951">1951</option><option value="1952">1952</option><option value="1953">1953</option><option value="1954">1954</option><option value="1955">1955</option><option value="1956">1956</option><option value="1957">1957</option><option value="1958">1958</option><option value="1959">1959</option><option value="1960">1960</option><option value="1961">1961</option><option value="1962">1962</option><option value="1963">1963</option><option value="1964">1964</option><option value="1965">1965</option><option value="1966">1966</option><option value="1967">1967</option><option value="1968">1968</option><option value="1969">1969</option><option value="1970" selected="">1970</option><option value="1971">1971</option><option value="1972">1972</option><option value="1973">1973</option><option value="1974">1974</option><option value="1975">1975</option><option value="1976">1976</option><option value="1977">1977</option><option value="1978">1978</option><option value="1979">1979</option><option value="1980">1980</option><option value="1981">1981</option><option value="1982">1982</option><option value="1983">1983</option><option value="1984">1984</option><option value="1985">1985</option><option value="1986">1986</option><option value="1987">1987</option><option value="1988">1988</option><option value="1989">1989</option><option value="1990">1990</option><option value="1991">1991</option><option value="1992">1992</option><option value="1993">1993</option><option value="1994">1994</option><option value="1995">1995</option><option value="1996">1996</option><option value="1997">1997</option><option value="1998">1998</option><option value="1999">1999</option><option value="2000">2000</option><option value="2001">2001</option><option value="2002">2002</option><option value="2003">2003</option><option value="2004">2004</option><option value="2005">2005</option><option value="2006">2006</option><option value="2007">2007</option><option value="2008">2008</option><option value="2009">2009</option><option value="2010">2010</option><option value="2011">2011</option><option value="2012">2012</option>
								</select>
								年
								<select name="month" class="select-style01" id="month">
									<option value="01" selected="">01</option><option value="02">02</option><option value="03">03</option><option value="04">04</option><option value="05">05</option><option value="06">06</option><option value="07">07</option><option value="08">08</option><option value="09">09</option><option value="10">10</option><option value="11">11</option><option value="12">12</option>
								</select>
								月
								<select name="day" class="select-style01" id="day">
									<option value="01" selected="">01</option><option value="02">02</option><option value="03">03</option><option value="04">04</option><option value="05">05</option><option value="06">06</option><option value="07">07</option><option value="08">08</option><option value="09">09</option><option value="10">10</option><option value="11">11</option><option value="12">12</option><option value="13">13</option><option value="14">14</option><option value="15">15</option><option value="16">16</option><option value="17">17</option><option value="18">18</option><option value="19">19</option><option value="20">20</option><option value="21">21</option><option value="22">22</option><option value="23">23</option><option value="24">24</option><option value="25">25</option><option value="26">26</option><option value="27">27</option><option value="28">28</option><option value="29">29</option><option value="30">30</option><option value="31">31</option>
								</select>
								日
							</div>
						</div>
						<div class="pwd-line clearfix_2">
							<div class="label">
								所在地：
							</div>
							<input type="hidden" id="msn" value="" name="msn">
							<input type="hidden" id="address" value="" name="address">
							<div class="con">
								<select name="country" class="select-style02" id="country">
									<option value="0">中国</option>
								</select>
								<select name="province" class="input-sohu input-style02" id="province" onchange="pointCityByProvince(this)">
									<option value="0"></option><option value="1">北京市</option><option value="2">天津市</option><option value="3">河北省</option><option value="4">山西省</option><option value="5">辽宁省</option><option value="6">吉林省</option><option value="7">上海市</option><option value="8">江苏省</option><option value="9">浙江省</option><option value="10">安徽省</option><option value="11">福建省</option><option value="12">江西省</option><option value="13">山东省</option><option value="14">河南省</option><option value="15">内蒙古</option><option value="16">黑龙江省</option><option value="17">湖北省</option><option value="18">湖南省</option><option value="19">广东省</option><option value="20">广西</option><option value="21">海南省</option><option value="22">四川省</option><option value="23">重庆市</option><option value="24">台湾省</option><option value="25">贵州省</option><option value="26">云南省</option><option value="27">西藏</option><option value="28">陕西省</option><option value="29">甘肃省</option><option value="30">青海省</option><option value="31">宁夏</option><option value="32">新疆</option><option value="33">香港</option><option value="34">澳门</option><option value="35">东南亚</option><option value="36">欧　洲</option><option value="37">南美洲</option><option value="38">澳　洲</option><option value="39">非　洲</option><option value="40">亚　洲</option><option value="41">美　国</option><option value="42">加拿大</option><option value="43">新加坡</option><option value="44">韩　国</option><option value="45">日　本</option>
								</select>
								<select name="city" class="input-sohu input-style02" id="city">
									<option value="0"></option>
								</select>&nbsp;&nbsp;

							</div>
						</div>

					</div><!--end .bd-->
				</div><!--end .mod-pdw-->

				<div class="mod-pdw">
					<div class="hd">
						<h2 class="title">联系电话</h2>
					</div><!--end .hd-->
					<div class="bd">
						<div class="pwd-line clearfix_2">
							<div class="label">
								联系电话：
							</div>
							<div class="con">
								<input name="phone" type="text" class="input-style01" id="phone">
							</div>
						</div>
						<div class="pwd-line clearfix_2">
							<div class="label">
								ＱＱ号码：
							</div>
							<div class="con">
								<input name="qq" type="text" class="input-style01" id="qq">
							</div>
						</div>
						<div class="pwd-line clearfix_2">
							<div class="label">
								E-mail：
							</div>
							<div class="con">
								<input name="email" type="text" class="input-style01" id="email">
							</div>
						</div>

					</div><!--end .bd-->
				</div><!--end .mod-pdw-->

				<div class="win-skin-opNav">
					<a href="javascript:void(0);" class="confirm-btn" onclick="saveUserBaseInfoAndContact()">保存</a>
				</div>
			</div>
			<!--end .mod-win-->
		</div>
		
		<script>
			(function ($) {
				
				//虚拟奖品--卡号
				$('.disk-tip-1').click(function () {
					diskTips({
						type: 'getGoldWithCardNo',
						name: '罗技鼠标',
						gnum: '10G',
						callback: function () {
							debugger;
							showTips('保存成功！')
						}
					});
				})
				
				//虚拟奖品--卡密
				$('.disk-tip-2').click(function () {
					diskTips({
						type: 'getGoldWithCardInfo',
						name: '罗技鼠标',
						gnum: '10G',
						callback: function () {
							alert('OK');
						}
					});
				})
				
				$('.disk-tip-3').click(function () {
					diskTips({
						type: 'getAward',
						name: '罗技鼠标',
						cardno: 'xxxxxxxxxxxxxxxxxx',
						cardpass: 'yyyyyyyyyyyyyyy',
						exp: 800,
						callback: function () {
							alert('OK');
						}
					});
				})
				
				//经验				
				
				
				//抽奖失败
				// diskTips({
					// type: 'fail',
					// name: '罗技鼠标',
					// gnum: '10G',
					// callback: function () {
						// alert('OK');
					// }
				// });
				
				//G币不足
				// diskTips({
					// type: 'noGold',
					// name: '罗技鼠标',
					// gnum: '10G',
					// callback: function () {
						// alert('OK');
					// }
				// });
				
				//基本信息不足
				// diskTips({
					// type: 'noBaseInfo',
					// name: '罗技鼠标',
					// gnum: '10G',
					// callback: function () {
					// }
				// });
				
				//联系信息不足
				// diskTips({
					// type: 'noContactInfo',
					// name: '罗技鼠标',
					// gnum: '10G',
					// callback: function () {
						// //alert('OK');
					// }
				// });
				
				//站内等级不足
				// diskTips({
					// type: 'noSiteGrade',
					// name: '罗技鼠标',
					// gnum: '10G',
					// callback: function () {
						// alert('OK');
					// }
				// });

				//抽奖次数用完
				// diskTips({
					// type: 'noPlayNum',
					// name: '罗技鼠标',
					// gnum: '10G',
					// callback: function () {
						// alert('OK');
					// }
				// });

				//邮寄表单				
				// diskTips({
					// type: 'getAward',
					// name: '罗技鼠标',
					// gnum: '10G',
					// realName: 'king',
					// phone: '15811284599',
					// qq: '841903289',
					// addressCode: '132215',
					// address: '万昌',
					// detailaddr: '吉林xxxxxx',
					// province: '天津市',
					// city: '河西区',
					// callback: function () {
						// chkUserContact();
					// }
				// });

			})(jQuery);
		</script>
		<!-- 中奖提示框 -->
		<div class="tips-box hidden" id="tipsBox1">
		   <div class="tips-wrapper">
				<div class="tips-item clearfix">
					<span class="tip-img tip-img1"></span>
					<span class="tip-info">很遗憾，您本次没有中奖！</span>
				</div>
				<div class="tips-confirm">
					<a href="javascript:void(0)" class="tips-btn ___closeBox">确定</a>
				</div>
			</div>
		</div>
		<div class="tips-box" id="tipsBox">
		   <div class="tips-wrapper">
				<div class="tips-item clearfix">
					<span class="tip-img"></span>
					<span class="tip-info">恭喜您，获得</span>
					<i>XXXXXXxxxxxxxxxxxxxxxxxxxxx</i>
				</div>
				<div class="tips-item mt10">
					<p>
						<label>卡号：</label>
						<input type="text" class="input-sohu" />
						<a href="javascript:void(0)" class="copy-btn">复制</a>
					</p>
				</div>
				<div class="tips-confirm">
					<a href="javascript:void(0)" class="tips-btn ___closeBox">确定</a>
				</div>
			</div>
		</div>
		<div class="tips-box" id="tipsBox">
		   <div class="tips-wrapper">
				<div class="tips-item clearfix">
					<span class="tip-img"></span>
					<span class="tip-info">恭喜您，获得</span>
					<i>XXXXXXxxxxxxxxxxxxxxxxxxxxx</i>
				</div>
				<div class="tips-item mt10">
					<p>
						<label>卡号：</label>
						<input type="text" />
						<a href="javascript:void(0)" class="copy-btn">复制</a>
					</p>
					<p>
						<label>卡密：</label>
						<input type="password" class="input-sohu passwordInput" />
						<a href="javascript:void(0)" class="copy-btn">复制</a>
					</p>
				</div>
				<div class="tips-confirm">
					<a href="javascript:void(0)" class="tips-btn ___closeBox">确定</a>
				</div>
			</div>
		</div>
		<div class="tips-box hidden" id="tipsBox">
		   <div class="tips-wrapper">
				<div class="tips-item clearfix">
					<span class="tip-img"></span>
					<span class="tip-info">恭喜您，获得2G币！</span>
					<a href="javascript:void(0)" class="more">如何获得更多G币</a>
				</div>
				<div class="tips-confirm">
					<a href="javascript:void(0)" class="tips-btn ___closeBox">确定</a>
				</div>
			</div>
		</div>
		<div class="tips-box hidden" id="tipsBox">
		   <div class="tips-wrapper">
				<div class="tips-item clearfix">
					<span class="tip-img tip-img2"></span>
					<span class="tip-info">对不起，您的账号G币不足！</span>
					<a href="javascript:void(0)" class="more">如何获得更多G币</a>
				</div>
				<div class="tips-confirm">
					<a href="javascript:void(0)" class="tips-btn ___closeBox">确定</a>
				</div>
			</div>
		</div>
		<div class="tips-box hidden" id="tipsBox">
		   <div class="tips-wrapper">
				<div class="tips-item clearfix">
					<span class="tip-img tip-img2"></span>
					<span class="tip-info">对不起，您的基本资料完整度不足！</span>
				</div>
				<div class="tips-confirm">
					<a href="javascript:void(0)" class="tips-btn ___closeBox mr10">立即完善</a>
					<a href="javascript:void(0)" class="tips-btn ___closeBox">确定</a>
				</div>
			</div>
		</div>
		<div class="tips-box hidden" id="tipsBox">
		   <div class="tips-wrapper">
				<div class="tips-item clearfix">
					<span class="tip-img tip-img2"></span>
					<span class="tip-info">对不起，您的联系资料完整度不足！</span>
				</div>
				<div class="tips-confirm">
					<a href="javascript:void(0)" class="tips-btn ___closeBox mr10">立即完善</a>
					<a href="javascript:void(0)" class="tips-btn ___closeBox">确定</a>
				</div>
			</div>
		</div>
		<div class="tips-box hidden" id="tipsBox">
		   <div class="tips-wrapper">
				<div class="tips-item clearfix">
					<span class="tip-img tip-img2"></span>
					<span class="tip-info">对不起，您的站内等级不够！</span>
					<a href="javascript:void(0)" class="more">如何升级</a>
				</div>
				<div class="tips-confirm">
					<a href="javascript:void(0)" class="tips-btn ___closeBox">确定</a>
				</div>
			</div>
		</div>
		<div class="tips-box hidden" id="tipsBox">
		   <div class="tips-wrapper">
				<div class="tips-item clearfix">
					<span class="tip-img tip-img2"></span>
					<span class="tip-info">对不起，您的抽奖次数已经用完！</span>
				</div>
				<div class="tips-confirm">
					<a href="javascript:void(0)" class="tips-btn ___closeBox">确定</a>
				</div>
			</div>
		</div>
		<!-- 微嵌入 -->
		<div id="i-disk-800-box" style="visibility: hidden;">
			<div class="i-disk i-disk-800">
				<div class="implant-wrapper">
					<div class="user-info">
						<span>亲爱的</span>
						<em>动感狐哥</em>
						<span>：你还剩</span>
						<i>1000G币</i>
					</div>
					<div class="content-wapper clearfix">
						<div class="disk-wrapper disk-450 fl">
							<div class="box-disk box-disk-tp">
								<i class="box-disk-edge tp-left">&nbsp;</i>
								<i class="box-disk-edge tp-right">&nbsp;</i>
							</div>
							<div class="box-disk-cont">
								<div class="table-wrapper">
									<table>
										<tbody>
											<tr>
												<td>
													<img src="../../images/disk/canyu.png">
													<span></span>
												</td>
												<td>
													<img src="../../images/example/d2.png">
													<span>图片2</span>
												</td>
												<td>
													<img src="../../images/disk/canyu1.png">
													<span>感谢参与</span>
												</td>
											</tr>
											<tr>
												<td>
													<img src="../../images/example/d1.png">
													<span>图片4</span>
												</td>
												<td class="disk-btn-center">
													<span class="disk-btn disk-btn-start link hand" id="disk-start">
														<em>10G</em>
														<i>抽奖</i>
													</span>
												</td>
												<td>
													<img src="../../images/example/d1.png">
													<span>图片6</span>
												</td>
											</tr>
											<tr>
												<td>
													<img src="../../images/disk/zailai.png">
													<span></span>
												</td>
												<td>
													<img src="../../images/example/d1.png" >
													<span>图片8</span>
												</td>
												<td>
													<img src="../../images/disk/zailai1.png">
													<span>亲，再来一次</span>
												</td>
											</tr>
										</tbody>
									</table>
								</div>
							</div>
							<div class="box-disk box-disk-bt">
								<i class="box-disk-edge bt-left">&nbsp;</i>
								<i class="box-disk-edge bt-right">&nbsp;</i>
							</div>
						</div>
						<div class="mod-anl fr">
							<div class="mod-anl-wrapper">
								<div class="a-title">
									<h4>获奖用户</h4>
								</div>
								<div class="a-main">
									<div class="cont">
										<p>
											<a title="兆满" href="javascript:void(0);">兆满</a>
											<span><i>10</i>个月前中了</span>
											<em>30元点卡点卡点卡</em>
										</p>
										<p>
											<a title="夏婷" href="javascript:void(0);">夏婷</a>
											<span><i>1</i>天前中了</span>
											<em>30元点卡</em>
										</p>
										<p>
											<a title="王文龙" href="javascript:void(0);">王文龙</a>
											<span><i>1</i>天前中了</span>
											<em>30元点卡</em>
										</p>
										<p>
											<a title="东蔚" href="javascript:void(0);">东蔚</a>
											<span><i>1</i>天前中了</span>
											<em>30元点卡</em>
										</p>
										<p>
											<a title="金广国" href="javascript:void(0);">金广国</a>
											<span><i>1</i>天前中了</span>
											<em>30元点卡</em>
										</p>
										<p>
											<a title="李毅" href="javascript:void(0);">李毅</a>
											<span><i>1</i>天前中了</span>
											<em>30元点卡</em>
										</p>
										<p>
											<a title="张蕊" href="javascript:void(0);">张蕊</a>
											<span><i>10</i>个月前中了</span>
											<em>30元点卡点卡点卡</em>
										</p>
										<p>
											<a title="邹东超" href="javascript:void(0);">邹东超</a>
											<span><i>10</i>个月前中了</span>
											<em>30元点卡点卡点卡</em>
										</p>
										<p>
											<a title="王蓉" href="javascript:void(0);">王蓉</a>
											<span><i>10</i>个月前中了</span>
											<em>30元点卡点卡点卡</em>
										</p>
										<p>
											<a title="思洋" href="javascript:void(0);">思洋</a>
											<span><i>10</i>个月前中了</span>
											<em>30元点卡点卡点卡</em>
										</p>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<script>
			(function ($) {
				
				$('.disk-250-link').click(function () {
					$('#disk').attr('class', 'disk-wrapper disk-250');
				});
				
				$('.disk-420-link').click(function () {
					$('#disk').attr('class', 'disk-wrapper disk-420');
				})
				
				$('.disk-580-link').click(function () {
					$('#disk').attr('class', 'disk-wrapper disk-580');
				})
				
				$('.disk-small-link').click(function () {
					$.XYTipsWindow({
						___title: "微嵌入",
						___content: "id:i-disk-800-box",
						___showbg: true,
						___drag: "___boxTitle",
						___width: 800,
						___height: 510,
						___boxWrapBdColor: "#666",
						___boxBdColor: "#a5a5a5",
						___fnClose: function () {
							//关闭窗口后执行的函数
						}
					});
				})
				
				diskTips({
					type: 'getAward',
					name: '雷蛇鼠标夏婷夏婷雷蛇鼠标',
					exp: '7',
					gnum: '90',
					cardno: '123456789456789',
					cardpass: '123456',
					realName: 'king',
					phone: '15811284599',
					qq: '841903289',
					addressCode: '132215',
					address: '万昌',
					callback: function () {
						chkUserContact();
					}
				})				// $.XYTipsWindow({
					// ___title: "完善基本资料",
					// ___content: "id:personDocWin",
					// ___showbg: true,
					// ___drag: "___boxTitle",
					// ___width: 555,
					// ___height: 480,
					// ___boxWrapBdColor: "#666",
					// ___boxBdColor: "#a5a5a5",
					// ___fnClose: function () {
						// //关闭窗口后执行的函数
					// }
				// });				
			})(jQuery);
		</script>
		
		<script type="text/javascript">
			// window.setInterval(scroll1, 1000);
			// function scroll1() {
				// alert('OK');
			// }
		</script>
	</body>
</html>